<template>
  <div class="tag-stats">
    <tag-stats-users ref="ststsUsers" :assetId="assetId" :orgs="orgs"></tag-stats-users>
    <tag-stats-info ref="statsInfo" :assetId="assetId" :orgs="orgs"></tag-stats-info>
  </div>
</template>

<script>
import tagStatsUsers from './tag-stats-users'
import tagStatsInfo from './tag-stats-info'
export default {
  components: {
    tagStatsUsers,
    tagStatsInfo
  },
  props: {
    assetId: {
      type: String,
      required: true,
      default: ''
    }
  },
  data() {
    return {
      orgs: []
    }
  },
  methods: {
    getInfo() {
      // this.getOrgs()
      this.$nextTick(() => {
        this.$refs.ststsUsers.reset()
        this.$refs.statsInfo.reset()
      })
    }
    // getOrgs() {
    //   this.$ajax({
    //     url: this.$ajax.setUrl('auth/authCompMgr/allCompCode'),
    //     method: 'get',
    //     params: this.$ajax.setParams()
    //   }).then(({ data }) => {
    //     if (data && data.code === '0') {
    //       this.orgs = data.data
    //       this.$nextTick(() => {
    //         this.$refs.ststsUsers.reset()
    //         this.$refs.statsInfo.reset()
    //       })
    //     } else {
    //       this.$message.error(data.data || data.msg)
    //     }
    //   })
    // }
  }
}
</script>

<style lang="scss">
.tag-stats {
  padding-top: 10px;
  .stats-title {
    margin: 0 10px 0 20px;
  }
  .tag-stats-chart {
    min-height: 260px;
  }
  .content-tools {
    .el-select {
      width: 245px;
    }
  }
}
</style>
